import React from "react";
import Input from ".";
import Icon from "components/Icon";

import { ReactComponent as ClipIcon } from "assets/icons/clip.svg";
import { ReactComponent as SmileIcon } from "assets/icons/smile.svg";
import InputText from "./InputText";

export default {
  title: "UI 组件/Input",
  component: Input,
};

export const Default = () => {
  return <Input />;
};

export const Search = () => {
  return <Input.Search />;
};

export const WithAffix = () => {
  return (
    <Input
      prefix={<Icon icon={ClipIcon} color="#cccccc" />}
      suffix={<Icon icon={SmileIcon} color="#cccccc" />}
    />
  );
};

export const InputTextWithLable = () => {
  return <InputText label="名称" />;
};

export const InputTextWithoutLable = () => {
  return <InputText />;
};
